<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/interna.xhtml">

	<ui:define name="nav">
		<h:form id="menu">
			<p:menu id="menuItens" styleClass="menu">
				<p:menuitem value="Pacotes vendido por cliente" url="/admin/relatorio/pacotes-por-cliente"/>
				<p:menuitem value="Qtd produtos por categoria n&iacute;vel 3" url="/admin/relatorio/produtos-por-categoria"/>
				<p:menuitem value="Qtd produtos por marca" url="/admin/relatorio/produtos-por-marca"/>
				<p:menuitem value="Produtos por marca" url="/admin/relatorio/produtos-por-marca-total"/>
				<p:menuitem value="Categorias por n&iacute;vel" url="/admin/relatorio/categorias-por-nivel"/>
				<p:menuitem value="Pessoa inativas" url="/admin/relatorio/pessoas-inativas" />
			</p:menu>
		</h:form>
	</ui:define>

	<ui:define name="centro">

		<h2 class="titulo-admin">Relat&oacute;rio de quantidade de produtos por marca com total de produtos</h2>

		<p:separator id="separator" styleClass="separador" />
		<h:form>
		<h:panelGrid columns="1">
			
			<p:panel header="Exportar para arquivo">  
		        <h:commandLink>  
		            <p:graphicImage value="/images/excel.png" />  
		            <p:dataExporter type="xls" target="table" fileName="produtos_por_categoria_total"/>  
		        </h:commandLink>   
		        <h:commandLink>  
		            <p:graphicImage value="/images/pdf.png" />  
		            <p:dataExporter type="pdf" target="table" fileName="produtos_por_categoria_total"/>  
		        </h:commandLink>          
		    </p:panel>	
			
		</h:panelGrid>
		
		<p:dataTable id="table" var="marca" value="#{relatorioManagedBean.marcas}" paginator="true" rows="100">
		
			<p:columnGroup type="header">
				<p:row>
					<p:column headerText="Marca"/>
					<p:column headerText="Ativo"/>
				</p:row>			
			</p:columnGroup>
			
			<p:subTable var="produto" value="#{marca.modelos}">
				<f:facet name="header">
					#{marca.nome}
				</f:facet>		
				<p:column>
					#{produto.nome}
				</p:column>	
				<p:column>
					<h:outputText value="Sim" rendered="#{produto.ativo}" />  
		       		<h:outputText value="N&atilde;o" rendered="#{!produto.ativo}" />					
				</p:column>
				<p:columnGroup type="footer">
					<p:row>
						<p:column footerText="Total de produtos: #{marca.total}"/>					
					</p:row>
				</p:columnGroup>
			</p:subTable>
			
		</p:dataTable>
		</h:form>
	</ui:define>
</ui:composition>
</html>